<p>This rule checks that the <code>style</code> attribute is not used to lock text spacing properties (<code>line-height</code>,
<code>letter-spacing</code>, <code>word-spacing</code>) with <code>!important</code>, except when the values already meet accessibility
requirements:</p>
<ul>
  <li> <code>word-spacing</code> must be at least 0.16 times the font size. </li>
  <li> <code>letter-spacing</code> must be at least 0.12 times the font size </li>
  <li> <code>line-height</code> must be at least 1.5 times the font size. </li>
</ul>
<h2>Why is this an issue?</h2>
<p>Text spacing directly affects readability. WCAG 2.2 requires that users be able to adjust spacing to meet their needs — for example, increasing
line height to reduce crowding or adjusting letter/word spacing for better parsing.</p>
<p>When these properties are set with <code>!important</code> in inline styles, they override user stylesheets and accessibility tools. This can block
users with dyslexia, visual processing disorders, or other reading difficulties from customizing spacing. However, if the values already meet or
exceed the thresholds above, they are considered sufficiently accessible and <code>!important</code> is allowed.</p>
<h2>Impact</h2>
<p>If <code>!important</code> is applied with values below thresholds, some users may find the text difficult or impossible to read, potentially
violating WCAG 2.2 Level AA.</p>
<h2>How to fix</h2>
<ul>
  <li> Remove <code>!important</code> from these properties in inline styles, <strong>or</strong> </li>
  <li> Ensure the values meet/exceed the thresholds. </li>
</ul>
<h3>Examples</h3>
<h4>Noncompliant</h4>
<pre>
&lt;p style="line-height: 1.2 !important; letter-spacing: 0.1em !important;"&gt;
  Text content
&lt;/p&gt;
</pre>
<h4>Compliant (meets thresholds)</h4>
<pre>
&lt;p style="line-height: 1.5 !important; letter-spacing: 0.12em !important;"&gt;
  Text content
&lt;/p&gt;
</pre>
<h4>Compliant (no !important)</h4>
<pre>
&lt;p style="line-height: 1.2; letter-spacing: 0.1em;"&gt;
  Text content
&lt;/p&gt;
</pre>
<h2>Resources</h2>
<h3>Documentation</h3>
<ul>
  <li> WCAG 2.2 - Text Spacing - <a href="https://www.w3.org/TR/WCAG22/#text-spacing">Official WCAG 2.2 guidelines for text spacing accessibility
  requirements</a> </li>
  <li> CSS Cascade and Inheritance - <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Cascade">MDN documentation on CSS cascade and how
  !important affects specificity</a> </li>
</ul>
